<template>
  <el-row class="baseRightContent z-w-100" :gutter="20">
    <el-col v-for="item in listData" :key="item.type" :span="12">
      <baseRightContentItem :item="item" />
    </el-col>
  </el-row>
</template>

<script>
import baseRightContentItem from "./baseRightContentItem.vue";
export default {
  name: "BaseRightContent",
  components: {
    baseRightContentItem
  },
  data() {
    return {
      listData: [
        {
          type: "cardList",
          text: "卡片组件"
        },
        {
          type: "tableList",
          text: "列表组件"
        }
      ]
    };
  }
};
</script>

<style></style>
